import Image from "next/image";
import Logo from "/public/netflix_logo.svg";

const AuthLayout = ({ children }: { children: React.ReactNode }) => {
    return (<>

        <div className="relative flex h-screen w-full bg-fixed bg-no-repeat bg-[url('/login_background.jpg')]  flex-col">
            <div className="bg-black w-full h-full lg:bg-opacity-50">
                <nav className="px-12 py-5">
                    <Image src={Logo} alt="logo" className="h-12" height={120} width={120} />
                </nav>
                <div className="flex justify-center">
                    {children}
                </div>
            </div>
        </div>
    </>)
}

export default AuthLayout;